<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIAN Racing</title>
<import type="css" file="css.common"/>
<import type="css" file="css.[title]"/>
<import type="js" file="js.zepto"/>
<import type="js" file="js.upcoming-events"/>
</head>

<body>

<header id="header">
	<div id="header-main">
		<div id="language">
			<a href="?l=en-us" target="_self">English</a>
			<a href="?l=zh-cn" target="_self">简体中文</a>
		</div>
    	<div id="upcoming-events">
        	<p>{:L('upcoming-events')}</p>
            <p id="events-switchs">
                <volist name="activities" id="activity">
                    <a href="###" <if condition="$i eq 1">class="focus"</if> >{$i}</a>
                </volist>
            </p>
            <volist name="activities" id="activity">
                <div id="event-{$i}" class="event-detail" <if condition="$i eq 1">style="display:block;"</if>>
                    <p>
                        {$activity.createtime|date="d F, Y",###}
                    </p>
                    <p class="upcoming-event-name">
                        <a href="{$activity.url}">{$activity.title}</a>
                    </p>
                </div>
            </volist>
        </div>
    </div>
    <div id="navi-bar-wrap">
    	<nav id="navi-bar">
        	<div class="navi-item">
            	<a class="main-link <eq name="selectedTab" value="index">focus</eq>" href="{:U('Index/index')}">{:L('home')}</a>
            </div>
            <div class="navi-item">
            	<a class="main-link <eq name="selectedTab" value="about">focus</eq>" href="{:U('About/index')}">{:L('aboutus')}</a>
                <div class="navi-sub-wrap">
                	<div class="navi-sub">
                		<a class="sub-link" href="{:U('About/team')}">{:L('ourteam')}</a>
                    	<a class="sub-link" href="{:U('About/car')}">{:L('ourcar')}</a>
						<a class="sub-link" href="{:U('About/star')}">{:L('ourstar')}</a>
                    </div>
                </div>
            </div>
            <div class="navi-item">
            	<a class="main-link <eq name="selectedTab" value="fse">focus</eq>" href="{:U('Fse/index')}">{:L('fse')}</a>
            </div>
            <div class="navi-item">
            	<a class="main-link <eq name="selectedTab" value="blog">focus</eq>" href="{:U('Blog/index')}">{:L('blog')}</a>
            </div>
            <div class="navi-item">
            	<a class="main-link <eq name="selectedTab" value="gallery">focus</eq>" href="{:U('Gallery/index')}">{:L('gallery')}</a>
            </div>
            <div class="navi-item">
            	<a class="main-link <eq name="selectedTab" value="sponsor">focus</eq>" href="{:U('Sponsor/index')}">{:L('sponsorship')}</a>
            </div>
        </nav>
    </div>
</header>